//通用样式设置
@import "variable.less";
@import "grid.less";
@import "setDefault.less";
@import "flex.less";
@import "navbar.less";
@import "img.less";
@import "tabs.less";
@import "nav-tabs.less";
@import "pagination.less";
//设置头部搜索框样式
.search {
  position: relative;
  margin-left:15px;
  i{
    right:40px;
    top:50%;
    transform:translateY(-50%);
    position: absolute;
    background: #000;
    width:15px;
    height:15px;
    background:url(../images/sprit.jpg) no-repeat -2px -3px ;
  }
  input{
    border-radius: 10px;
    padding:2px 6px;
    outline: 0;
    border:1px solid #CBCDCF;
  }
}

@media screen and(min-width: @lg-screen){
  .banner{
    width:100%;
    margin-top:3px;
  }
}
@media screen and(max-width: @lg-screen){
  .banner{
    width:1200px;
    margin-top:3px;
  }
}

//设置主体样式
.section{
  margin-top:3px;
}
.section_nav{
  margin-top:15px;
  border-bottom: 1px solid #C7C7C7;
  >h3{
    border-bottom:2px solid @nav_hover;
    padding-bottom: 15px;
    margin-bottom: -1px;
  }
  >div{
    margin-top:20px;
  }
  >div a{
    font-size: 18px;
    font-weight: normal;
    color:#797979;
  }
}
.section_panel{
  width:1200px;
  margin-top:55px;
  .seciton_text{
    h5{
      margin-top:15px;
      color:@base_color_light;
    }
  }
}

.section_content{
  width:360px;
  display:inline-block;
  color:#797979;
  .section_img{
    top:0;
    transition: all .2s linear;
    border:1px solid transparent;
    position: relative;
  }
  .section_img_play{
    display:none;
    width: 60px;
    height:60px;
    border-radius: 50%;
    background: @nav_hover;
    position: absolute;
    opacity: .8;
    top:50%;
    left:50%;
    transform: translateX(-50%) translateY(-50%);
    text-align: center;
    >span{
      display:inline-block;
      margin-left:40%;
      margin-top:20%;
      border:15px solid transparent;
      border-left:20px solid #fff;
    }
  }
  .seciton_text{
    top:0;
    transition: all .2s linear;
    position: relative;
  }
  &:hover .section_img{
    top:-8px;
    border:1px solid @base_color;
    box-shadow: 1px 1px @base_color;
    .section_img_play{
      display:block;
    }
  }
 &:hover .seciton_text{
   top:-8px;
 }
}
@media screen and (max-width:@lg-screen){
  .section_content{
    width:310px;
  }
}





//设置第二部分样式
.seciton_partTwo_nav{
  padding-left:50px;
}
.seciton_partTwo_content>a{
  display:inline-block;
}




//设置第三部分样式
.seciton_partThree_content{
  margin-top:55px;
}
.seciton_partThree_content_panel{
  padding:0 40px;
  flex-grow: 1;
  .seciton_partThree_content_title{
    text-align: center;
    span{
      display: inline-block;
      font-size:25px;
      padding-left:10px;
      border-left:3px solid @base_color;
    }
  }
  .seciton_partThree_content_text{
    padding:30px 60px 0 60px;
    p{
      text-indent: 2em;
      color: @font_base_color_light;
      font-size:15px;
    }
    ul li{
      margin-top:15px;
      list-style-type: disc;
      i{
        width:3px;
        height:3px;
        background: @base_color;
        display: inline-block;
        transform: translateY(-100%);
        margin-right:15px;
      }
      a,span{
        color:@font_base_color_light;
        display:inline-block;
      }
    }
  }
  @media screen and (max-width:@lg-screen){
    .seciton_partThree_content_text{
      padding:25px 0 0 0 ;
    }
  }
}

//设置第四部分样式
.seciton_partfour_content{
  margin-top:55px;
  .seciton_partfour_panel >div{
    border:1px solid #b5b5b5;
  }
  .seciton_partfour_panel>ul{
    padding:0 60px 0 20px;
    li{
      color:@font_base_color_light;
      a{
        color:@font_base_color_light;
      }
    }
    li+li{
      position: relative;
      bottom:-30px;
    }
  }
}

//设置幻灯部分样式
#seciton_partThree_content_slide{
  position: relative;
  .imgmid {display:inline-block; *display:inline; *zoom: 1; height: 100%; width: 1px; margin-left:-1px; vertical-align:middle;}
  .cle {clear:both; width:0; height:0; display:block; overflow:hidden; font-size:0px;}
  .box{width: 438px;height: 332px;margin: 0 auto;position: relative;overflow: hidden;}
  .img{width: 438px;height: 332px;border: 5px solid #fff;position: relative;overflow: hidden;
   >ul>li{
     position: relative;
     i{
       cursor: pointer;
       position: absolute;
       display: inline-block;
       width:100px;
       height:100px;
       top:50%;
       left:50%;
       transform: translateX(-50%) translateY(-50%);
       border-radius: 50%;
       background-color: rgba(87,87,87,.4);
       transition: all .2s linear;
       &:hover{
         background-color: rgba(87,87,87,1);
       }
     }
     span{
       position: absolute;
       display:inline-block;
       top:14%;
       left:34%;
       border:35px solid transparent;
       border-left:50px solid #fff;
     }
   }
  }
  .img ul{width: 10000%;height: 332px;position: absolute;left: 0;top: 0;overflow: hidden;}
  .img ul li{width: 438px;height: 332px;float: left;text-align: center;overflow: hidden;}
  .ico{width: 100%;height: 10px;position: absolute;bottom: 10px;left: 0;z-index: 10;text-align: center;overflow: hidden;}
  .ico a{display: inline-block;width: 10px;height: 10px;background: #999;margin: 0 5px;overflow: hidden;}
  .ico a.on{background: #fff;}
}

//设置第五部分样式
.seciton_partfive_content{
  margin-top:55px;
  p{
    color:@font_base_color;
    text-align: center;
    margin-top:10px;
  }
}


//设置尾部样式
.footer{
  margin-top:55px;
  background: #333333;
  ul li{
    padding-top:20px;
  }
  p{
    color:#fff;
  }
}


//设置演讲课程css样式

//设置
.speech_section{
  margin-top:25px;
}
.speech_section_panel{
  width:75%;
  .section_content{
    width:32%;
  }
}

.speech_section_nav{
  width:25%;
  padding-right:20px;
  >div{
    box-shadow: 2px 2px 2px @font_base_color;
    border:1px solid #D9DBE1;
    padding:20px;
  }
  ul li{
    padding-right:10px;
    margin-top:10px;
    a{
      color:@font_base_color_light;
    }
  }
}























//动画样式
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@keyframes pulse {
  from {
    transform: scale3d(1, 1, 1);
  }

  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  animation-name: pulse;
}




















